﻿<!DOCTYPE html>
<html>
  <head>
    <title>首页结构调整</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/首页结构调整/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/首页结构调整/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合 ) -->
      <div id="u4503" class="ax_default" data-left="0" data-top="0" data-width="1458" data-height="1001">

        <!-- Unnamed (矩形) -->
        <div id="u4504" class="ax_default _形状">
          <img id="u4504_img" class="img " src="images/0-目录/u726.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u4505" class="ax_default _水平线">
          <img id="u4505_img" class="img " src="images/1_1-观看者页面/u739.png"/>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u4506" class="ax_default _文本段落" data-label="Header 2">
        <img id="u4506_img" class="img " src="images/前后摄像头同时开（暂时不做）/header_2_u2234.png"/>
        <div id="u4506_text" class="text ">
          <p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">首页结构调整</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4507" class="ax_default _文本段落">
        <img id="u4507_img" class="img " src="images/互动/u962.png"/>
        <div id="u4507_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">首页结构调整</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u4508" class="ax_default _文本段落" data-label="Header 2">
        <img id="u4508_img" class="img " src="images/1_1-观看者页面/header_2_u782.png"/>
        <div id="u4508_text" class="text ">
          <p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">说明：</span></p>
        </div>
      </div>

      <!-- Unnamed (首页) -->

      <!-- Unnamed (矩形) -->
      <div id="u4510" class="ax_default _形状">
        <img id="u4510_img" class="img " src="images/流程图（节目列表_个人信息）/u680.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4511" class="ax_default _形状">
        <img id="u4511_img" class="img " src="images/新版首页/u4489.png"/>
        <div id="u4511_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">拍摄</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4512" class="ax_default _形状">
        <img id="u4512_img" class="img " src="images/首页结构调整/u4512.png"/>
        <div id="u4512_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">我的</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4513" class="ax_default _形状">
        <img id="u4513_img" class="img " src="images/新版首页/u4491.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4514" class="ax_default _文本段落">
        <img id="u4514_img" class="img " src="images/预约提醒/u1947.png"/>
        <div id="u4514_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">预约</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4515" class="ax_default _文本段落">
        <img id="u4515_img" class="img " src="images/预约提醒/u1947.png"/>
        <div id="u4515_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">推荐</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4516" class="ax_default _文本段落">
        <img id="u4516_img" class="img " src="images/预约提醒/u1947.png"/>
        <div id="u4516_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">周边</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4517" class="ax_default _文本段落">
        <img id="u4517_img" class="img " src="images/预约提醒/u1947.png"/>
        <div id="u4517_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">录播</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4518" class="ax_default _形状">
        <img id="u4518_img" class="img " src="images/首页结构调整/u4512.png"/>
        <div id="u4518_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">达人</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4519" class="ax_default _形状">
        <img id="u4519_img" class="img " src="images/首页结构调整/u4519.png"/>
        <div id="u4519_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">活动</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4520" class="ax_default _形状">
        <img id="u4520_img" class="img " src="images/流程图（节目列表_个人信息）/u657.png"/>
        <div id="u4520_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">首页</span></p>
        </div>
      </div>

      <!-- Unnamed (占位符) -->
      <div id="u4521" class="ax_default _形状">
        <img id="u4521_img" class="img " src="images/新版首页/u4499.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4522" class="ax_default _形状">
        <img id="u4522_img" class="img " src="images/新版首页/u4500.png"/>
        <div id="u4522_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">搜索</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4523" class="ax_default _文本段落">
        <img id="u4523_img" class="img " src="images/新版首页/u4501.png"/>
        <div id="u4523_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">|</span></p>
        </div>
      </div>

      <!-- Unnamed (倒三角形) -->
      <div id="u4524" class="ax_default _形状">
        <img id="u4524_img" class="img " src="images/新版首页/u4502.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4525" class="ax_default _形状">
        <img id="u4525_img" class="img " src="images/首页结构调整/u4525.png"/>
        <div id="u4525_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">&nbsp;</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4526" class="ax_default _形状">
        <img id="u4526_img" class="img " src="images/新版首页/u4489.png"/>
        <div id="u4526_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">拍摄</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4527" class="ax_default _形状">
        <img id="u4527_img" class="img " src="images/首页结构调整/u4512.png"/>
        <div id="u4527_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">我的</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4528" class="ax_default _形状">
        <img id="u4528_img" class="img " src="images/首页结构调整/u4512.png"/>
        <div id="u4528_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">达人</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4529" class="ax_default _形状">
        <img id="u4529_img" class="img " src="images/首页结构调整/u4519.png"/>
        <div id="u4529_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">活动</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4530" class="ax_default _形状">
        <img id="u4530_img" class="img " src="images/流程图（节目列表_个人信息）/u657.png"/>
        <div id="u4530_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">首页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4531" class="ax_default _文本段落">
        <img id="u4531_img" class="img " src="images/首页结构调整/u4531.png"/>
        <div id="u4531_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">底部主tab：</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p><p><span style="font-family:'微软雅黑';font-weight:400;">1，底部为五个主入口，分为首页，活动，拍摄，达人，我的</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">2，默认进入首页</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">3，点击拍摄进入拍摄页面，其他为tab切换形式</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4532" class="ax_default _形状">
        <img id="u4532_img" class="img " src="images/首页结构调整/u4532.png"/>
      </div>

      <!-- Unnamed (占位符) -->
      <div id="u4533" class="ax_default _形状">
        <img id="u4533_img" class="img " src="images/新版首页/u4499.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4534" class="ax_default _形状">
        <img id="u4534_img" class="img " src="images/新版首页/u4500.png"/>
        <div id="u4534_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">搜索</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4535" class="ax_default _文本段落">
        <img id="u4535_img" class="img " src="images/首页结构调整/u4535.png"/>
        <div id="u4535_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">顶部：</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">首页顶部显示logo和搜索，点击搜索进入搜索页面</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4536" class="ax_default _文本段落">
        <img id="u4536_img" class="img " src="images/首页结构调整/u4536.png"/>
        <div id="u4536_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">首页分类：</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p><p><span style="font-family:'微软雅黑';font-weight:400;">1，分类数量和排序后台cms可配置</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">2，首页一行显示四个当多余四个可左右滑动</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">3，点击向下箭头可展开更多，再次点击可收起</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">4，左右滑动列表也可切换分页</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">5，每次进入列表，居上次刷新时间超过10分钟，自动刷新列表</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">6，默认进入首个分类，当用户返回首页tab也会记住之前分页</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4537" class="ax_default _文本段落">
        <img id="u4537_img" class="img " src="images/互动/u962.png"/>
        <div id="u4537_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">首页-更多分类</span></p>
        </div>
      </div>

      <!-- Unnamed (首页分类展开) -->

      <!-- Unnamed (矩形) -->
      <div id="u4539" class="ax_default _形状">
        <img id="u4539_img" class="img " src="images/流程图（节目列表_个人信息）/u680.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4540" class="ax_default _形状">
        <img id="u4540_img" class="img " src="images/新版首页/u4489.png"/>
        <div id="u4540_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">拍摄</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4541" class="ax_default _形状">
        <img id="u4541_img" class="img " src="images/首页结构调整/u4512.png"/>
        <div id="u4541_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">我的</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4542" class="ax_default _形状">
        <img id="u4542_img" class="img " src="images/首页结构调整/u4542.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4543" class="ax_default _文本段落">
        <img id="u4543_img" class="img " src="images/发布者-流程图/u610.png"/>
        <div id="u4543_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">切换分类</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4544" class="ax_default _形状">
        <img id="u4544_img" class="img " src="images/首页结构调整/u4512.png"/>
        <div id="u4544_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">达人</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4545" class="ax_default _形状">
        <img id="u4545_img" class="img " src="images/首页结构调整/u4519.png"/>
        <div id="u4545_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">活动</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4546" class="ax_default _形状">
        <img id="u4546_img" class="img " src="images/流程图（节目列表_个人信息）/u657.png"/>
        <div id="u4546_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">首页</span></p>
        </div>
      </div>

      <!-- Unnamed (占位符) -->
      <div id="u4547" class="ax_default _形状">
        <img id="u4547_img" class="img " src="images/新版首页/u4499.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4548" class="ax_default _形状">
        <img id="u4548_img" class="img " src="images/新版首页/u4500.png"/>
        <div id="u4548_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">搜索</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4549" class="ax_default _文本段落">
        <img id="u4549_img" class="img " src="images/新版首页/u4501.png"/>
        <div id="u4549_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">|</span></p>
        </div>
      </div>

      <!-- Unnamed (正三角形) -->
      <div id="u4550" class="ax_default _形状">
        <img id="u4550_img" class="img " src="images/首页结构调整/u4550.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4551" class="ax_default _形状">
        <img id="u4551_img" class="img " src="images/首页结构调整/u4551.png"/>
        <div id="u4551_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">推荐</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4552" class="ax_default _形状">
        <img id="u4552_img" class="img " src="images/首页结构调整/u4551.png"/>
        <div id="u4552_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">周边</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4553" class="ax_default _形状">
        <img id="u4553_img" class="img " src="images/首页结构调整/u4551.png"/>
        <div id="u4553_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">预约</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4554" class="ax_default _形状">
        <img id="u4554_img" class="img " src="images/首页结构调整/u4551.png"/>
        <div id="u4554_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">分类名</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4555" class="ax_default _形状">
        <img id="u4555_img" class="img " src="images/首页结构调整/u4551.png"/>
        <div id="u4555_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">分类名</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4556" class="ax_default _形状">
        <img id="u4556_img" class="img " src="images/首页结构调整/u4551.png"/>
        <div id="u4556_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">分类名</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4557" class="ax_default _形状">
        <img id="u4557_img" class="img " src="images/首页结构调整/u4551.png"/>
        <div id="u4557_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">分类名</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4558" class="ax_default _形状">
        <img id="u4558_img" class="img " src="images/首页结构调整/u4551.png"/>
        <div id="u4558_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">分类名</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4559" class="ax_default _文本段落">
        <img id="u4559_img" class="img " src="images/首页结构调整/u4559.png"/>
        <div id="u4559_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">首页更多分类：</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p><p><span style="font-family:'微软雅黑';font-weight:400;">1，推荐列表和周边为固定，其他分类名cms可编辑</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">2，用户展开更多分类点击其他区域可箭头可收起分类</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">3，用户点击某一分类，关闭切换分类弹层，选中当前分类</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">4，推荐，周边，预约未固定分类</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p>
        </div>
      </div>
    </div>
  </body>
</html>
